import { reactive } from 'vue';
export default function () {
  const dogList = reactive(['https://images.dog.ceo/breeds/pembroke/n02113023_4373.jpg'])
  const getDog = async () => {
    const res = await fetch('https://dog.ceo/api/breeds/image/random')
    const data = await res.json()
    dogList.push(data.message)
  }
  return {
    dogList,
    getDog
  }
}